<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 100%;
				height: 60px;
				background-color: #666666;
				
				background-image: url(img/logo.png);
				background-size:100px;
				background-repeat: no-repeat;
				
				background-position: 30px;
				padding-top: 15px;
				padding-left: 180px;
				
			}
			
			ul li{
				display: inline-block;
				list-style-type: none;
				width: 130px;
				
			}
			a{
				text-decoration: none;
				color: white;
			}
			a:hover{
				color: red;
			}
			#da{
				width: 40px;
				border: 1px solid yellow;
				margin: 0px auto;
				padding-left: 10px;
				border-radius: 10px;
			}
			#dd{
				width: 100px;
				border: 1px  yellow;
				margin: 0px auto;
				border-radius: 10px;
				background-color: yellow;
				
			}
		</style>
	</head>
	<body>
		<header>
			<div>
				<ul>
					<li><a href="#">游戏特权</a></li>
					<li><a href="#">生活特权</a></li>
					<li><a href="#">会员活动</a></li>
					<li><a href="#">成长体系</a></li>
					<li><a href="#">超级会员</a></li>
					<li><a href="#">年费专区</a></li>
					<li id="da"><a href="#">登录</a></li>
					<li id="dd"><a href="#" style="color: black;">开通超级会员</a></li>
					
				</ul>
				
			</div>
		</header>
		
 

 

 

 

 

 



	</body>
</html>
